<?php
	echo $this->Html->css('graphs');
	echo $this->Html->script('jquery.flot.min');

	$a03='';	$a10='';	$a50='';	$a90='';	$a97='';	$p03='';	$p10='';	$p50='';	$p90='';	$p97='';	$mda='';	$mdp=''; 
	
	foreach ($padroesA as $altura) { 
		
		$a03.='['.$altura['padroes_crescimento']['idade'].', '.$altura['padroes_crescimento']['p3'].'],';
 		$a10.='['.$altura['padroes_crescimento']['idade'].', '.$altura['padroes_crescimento']['p10'].'],';
 		$a50.='['.$altura['padroes_crescimento']['idade'].', '.$altura['padroes_crescimento']['p50'].'],';
 		$a90.='['.$altura['padroes_crescimento']['idade'].', '.$altura['padroes_crescimento']['p90'].'],';
 		$a97.='['.$altura['padroes_crescimento']['idade'].', '.$altura['padroes_crescimento']['p97'].'],';
	}
	
	foreach ($padroesP as $peso) { 
		
		$p03.='['.$peso['padroes_crescimento']['idade'].', '.$peso['padroes_crescimento']['p3'].'],';
 		$p10.='['.$peso['padroes_crescimento']['idade'].', '.$peso['padroes_crescimento']['p10'].'],';
 		$p50.='['.$peso['padroes_crescimento']['idade'].', '.$peso['padroes_crescimento']['p50'].'],';
 		$p90.='['.$peso['padroes_crescimento']['idade'].', '.$peso['padroes_crescimento']['p90'].'],';
 		$p97.='['.$peso['padroes_crescimento']['idade'].', '.$peso['padroes_crescimento']['p97'].'],';
	}
	
	foreach ($medicoes as $medicao) { 
		
		$mda.='['.$medicao['medicoes']['idade'].', '.$medicao['medicoes']['altura'].'],';
		$mdp.='['.$medicao['medicoes']['idade'].', '.$medicao['medicoes']['peso'].'],';
	}

?>

	<script type="text/javascript">
		$(function() {
	
			$.plot("#altura", [
				{ label: "P03", data: [<?php echo substr($a03, 0, strlen($a03)-1);?>] },
				{ label: "P10", data: [<?php echo substr($a10, 0, strlen($a10)-1);?>] },
				{ label: "P50", data: [<?php echo substr($a50, 0, strlen($a50)-1);?>] },
				{ label: "P90", data: [<?php echo substr($a90, 0, strlen($a90)-1);?>] },
				{ label: "P97", data: [<?php echo substr($a97, 0, strlen($a97)-1);?>] },
				{ label: "Criança", data: [<?php echo substr($mda, 0, strlen($mda)-1);?>] }
			]);
	
			$.plot("#peso", [
				{ label: "P03", data: [<?php echo substr($p03, 0, strlen($p03)-1);?>] },
				{ label: "P10", data: [<?php echo substr($p10, 0, strlen($p10)-1);?>] },
				{ label: "P50", data: [<?php echo substr($p50, 0, strlen($p50)-1);?>] },
				{ label: "P90", data: [<?php echo substr($p90, 0, strlen($p90)-1);?>] },
				{ label: "P97", data: [<?php echo substr($p97, 0, strlen($p97)-1);?>] },
				{ label: "Criança", data: [<?php echo substr($mdp, 0, strlen($mdp)-1);?>] }
			]);
			
			// Add the Flot version string to the footer
	
			$("#footer").prepend("Flot " + $.plot.version + " &ndash; ");
		});
	</script>	
	<div class="demo-container">
		<h2>Peso</h2>
		<div id="peso" class="demo-placeholder"></div>
		<p>Situação atual da criança: 
		<?php 
		switch ($statusPeso) {
		    case 0:
		        echo "Peso adequado";
		        break;
		    case -1:
		        echo "Risco nutricional";
		        break;
		    case -2:
		        echo "Abaixo do peso (ou desnutrição)";
		        break;
		    case 1:
		        echo "Sobrepeso";
		        break;
		} ?></p>
		<br /><br />
		<h2>Altura</h2>
		<div id="altura" class="demo-placeholder"></div>
				<p>Situação atual da criança: 
		<?php 
		switch ($statusAltura) {
		    case 0:
		        echo "Altura adequado";
		        break;
		    case -1:
		        echo "Risco para altura baixa";
		        break;
		    case -2:
		        echo "Altura baixa";
		        break;
		    case 1:
		        echo "Altura elevada";
		        break;
		} ?></p>
	</div>